<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>VR360 User Management</title>
    <meta content="VR360 Management" name="description" />
    <meta content="Beifeng" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <link rel="shortcut icon" href="../images/logo/logo.ico">

    <!-- jvectormap -->
    <link href="assets/plugins/jvectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet">

    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/icons.css" rel="stylesheet" type="text/css">
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">

</head>


<body class="fixed-left">

<!-- Loader -->
<div id="preloader"><div id="status"><div class="spinner"></div></div></div>

<!-- Begin page -->
<div id="wrapper">

    <!-- ========== Left Sidebar Start ========== -->
    <div class="left side-menu">
        <button type="button" class="button-menu-mobile button-menu-mobile-topbar open-left waves-effect">
            <i class="ion-close"></i>
        </button>

        <!-- LOGO -->
        <div class="topbar-left">
            <div class="text-center">
                <a href="../index.html" class="logo" target="_blank"> VR360</a>
            </div>
        </div>

        <div class="sidebar-inner slimscrollleft">

            <div id="sidebar-menu">
                <ul>

                    <li>
                        <a href="index.html" class="waves-effect"><i class="mdi mdi-account-circle m-r-5 text-muted"></i><span> User MGT</span></a>
                    </li>
                    <li>
                        <a href="panoramaManagement.html" class="waves-effect"><i class="mdi mdi-biohazard"></i><span> Panorama MGT </span></a>
                    </li>
                    <li>
                        <a href="messageManagement.html" class="waves-effect"><i class="ti-email noti-icon"></i><span> Message MGT </span></a>
                    </li>
                    <li>
                        <a href="courseManagement.html" class="waves-effect"><i class="mdi mdi-wallet"></i><span> Course MGT </span></a>
                    </li>

                    <li class="active">
                        <a href="settings.html" class="waves-effect"><i class="mdi mdi-settings"></i><span> Settings </span></a>
                    </li>
                    <li>
                        <a href="logout.html" class="waves-effect"><i class="mdi mdi-power"></i><span> Logout </span></a>
                    </li>

                </ul>
            </div>
            <div class="clearfix"></div>
        </div> <!-- end sidebarinner -->
    </div>
    <!-- Left Sidebar End -->

    <!-- Start right Content here -->

    <div class="content-page">
        <!-- Start content -->
        <div class="content">

            <!-- Top Bar Start -->
            <div class="topbar">

                <nav class="navbar-custom">

                    <ul class="list-inline float-right mb-0">

                        <li class="list-inline-item dropdown notification-list">
                            <a class="nav-link dropdown-toggle arrow-none waves-effect nav-user" data-toggle="dropdown" href="#" role="button"
                               aria-haspopup="false" aria-expanded="false">
                                <img src="../images/source/admin-head.png" alt="user" class="rounded-circle">
                            </a>
                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                                <!-- item-->
                                <div class="dropdown-item noti-title">
                                    <h5>Welcome</h5>
                                </div>
                                <a class="dropdown-item" href="index.html"><i class="mdi mdi-account-circle"></i><span> User MGT</span></a>
                                <a class="dropdown-item" href="panoramaManagement.html"><i class="mdi mdi-biohazard"></i><span> Panorama MGT </span></a>
                                <a class="dropdown-item" href="messageManagement.html"><i class="ti-email"></i><span> Message MGT </span></a>
                                <a class="dropdown-item" href="courseManagement.html"><i class="mdi mdi-wallet"></i><span> Course MGT </span></a>
                                <a class="dropdown-item" href="settings.html"><i class="mdi mdi-settings"></i><span> Settings </span></a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="logout.html"><i class="mdi mdi-logout m-r-5 text-muted"></i> Logout</a>
                            </div>
                        </li>

                    </ul>

                    <ul class="list-inline menu-left mb-0">
                        <li class="float-left">
                            <button class="button-menu-mobile open-left waves-light waves-effect">
                                <i class="mdi mdi-menu"></i>
                            </button>
                        </li>
                    </ul>

                    <div class="clearfix"></div>

                </nav>

            </div>
            <!-- Top Bar End -->

            <div class="page-content-wrapper ">

                <div class="container-fluid">

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="page-title-box">
                                <div class="btn-group float-right">
                                    <ol class="breadcrumb hide-phone p-0 m-0">
                                        <li class="breadcrumb-item"><a href="#">VR360</a></li>
                                        <li class="breadcrumb-item active">User</li>
                                    </ol>
                                </div>
                                <h4 class="page-title">User Management</h4>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-xl-12">
                            <div class="card bg-white m-b-30">
                                <div class="card-body new-user">
                                    <h5 class="header-title mb-4 mt-0">Marketcap & Trends</h5>
                                    <div class="table-responsive">
                                        <table class="table table-hover mb-0">
                                            <thead>
                                            <tr>
                                                <th class="border-top-0">Logo</th>
                                                <th class="border-top-0">Coin name</th>
                                                <th class="border-top-0">Buy</th>
                                                <th class="border-top-0">Sales</th>
                                                <th class="border-top-0">Attechments</th>
                                                <th class="border-top-0">Sentiment</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    123
                                                <td>
                                                    <a href="javascript:void(0);">Dashcoin</a>
                                                </td>

                                                <td><i class="fa fa-caret-up text-success mr-1"></i>30%</td>
                                                <td><i class="fa fa-caret-up text-success mr-1"></i>10%</td>
                                                <td>$ 3,012,103</td>
                                                <td>
                                                    <div class="progress" style="height:8px;">
                                                        <div class="progress-bar bg-primary" role="progressbar" aria-valuenow="94" aria-valuemin="0" aria-valuemax="100" style="width: 94%;"></div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    123
                                                <td>
                                                    <a href="javascript:void(0);">Bitcoin</a>
                                                </td>

                                                <td><i class="fa fa-caret-down text-danger mr-1"></i>10%</td>
                                                <td><i class="fa fa-caret-up text-success mr-1"></i>20%</td>
                                                <td>$ 3,012,103</td>
                                                <td>
                                                    <div class="progress" style="height:8px;">
                                                        <div class="progress-bar bg-success" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100" style="width: 38%;"></div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    123
                                                <td>
                                                    <a href="javascript:void(0);">Ripple</a>
                                                </td>

                                                <td><i class="fa fa-caret-up text-success mr-1"></i>15%</td>
                                                <td><i class="fa fa-caret-up text-success mr-1"></i>20%</td>
                                                <td>$ 3,012,103</td>
                                                <td>
                                                    <div class="progress" style="height:8px;">
                                                        <div class="progress-bar bg-dark" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width:65%;"></div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    123
                                                <td>
                                                    <a href="javascript:void(0);">Ethereum</a>
                                                </td>

                                                <td><i class="fa fa-caret-down text-danger mr-1"></i>45%</td>
                                                <td><i class="fa fa-caret-down text-danger mr-1"></i>10%</td>
                                                <td>$ 3,012,103</td>
                                                <td>
                                                    <div class="progress" style="height:8px;">
                                                        <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 88%;"></div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    123
                                                <td>
                                                    <a href="javascript:void(0);">Dashcoin</a>
                                                </td>

                                                <td><i class="fa fa-caret-up text-success mr-1"></i>22%</td>
                                                <td><i class="fa fa-caret-up text-success mr-1"></i>0.5%</td>
                                                <td>$ 3,012,103</td>
                                                <td>
                                                    <div class="progress" style="height:8px;">
                                                        <div class="progress-bar l-blue" role="progressbar" aria-valuenow="17" aria-valuemin="0" aria-valuemax="100" style="width: 17%;"></div>
                                                    </div>
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card m-b-30">
                                <div class="card-body">
                                    <h4 class="mt-0 header-title">Historical Bitcoin Price and Volume</h4>
                                    <!--<script type="text/javascript" src="https://widgets.cryptocompare.com/serve/v1/coin/histo_week?fsym=BTC&amp;tsym=USD&amp;app=www.cryptocompare.com"></script>-->
                                </div>
                            </div>
                        </div>
                    </div><!--end row-->

                </div><!-- container -->

            </div> <!-- Page content Wrapper -->

        </div> <!-- content -->

        <footer class="footer">
            CopyRight © 2018 beifengtz
        </footer>

    </div>
    <!-- End Right content here -->

</div>
<!-- END wrapper -->


<!-- jQuery  -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/modernizr.min.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/fastclick.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.nicescroll.js"></script>

<script src="assets/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script src="assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

<!-- App js -->
<script src="assets/js/app.js"></script>
<script>

    $(document).ready(function() {
        $("#boxscroll").niceScroll({cursorborder:"",cursorcolor:"#cecece",boxzoom:true});
        $("#boxscroll2").niceScroll({cursorborder:"",cursorcolor:"#cecece",boxzoom:true});
    });

</script>
</body>
</html>